<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>news</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link rel="stylesheet" type="text/css" href="../css/base.css">
	<link rel="stylesheet" type="text/css" href="../css/bootstrap.css" />
	<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="../css/news.css">
	<link rel="shortcut icon" href="../img/avana.png">
	<script src='../js/jquery.min.js' type="text/javascript"></script>
	<script src="../js/bootstrap.js" type="text/javascript"></script></script>
	<script src="../js/news.js" type="text/javascript"></script>
</head>
<body>
	<nav class="myNav">
		<div class="navbar-header">
	      <a class="navbar-brand mybrandLink" href="#">
	        <img class="mybrand" src="../img/logo.png" alt="">
	      </a>
	      <span class="glyphicon glyphicon-menu-hamburger menuBtn"></span>
	    </div>
	  <ul class="myMenu nav navbar-nav navbar-right">
	  	<li><a href="../index.html" title="">首页</a></li>
	  	<li class="shop"><a href="shop.html" title="">商店 <span class="glyphicon glyphicon-menu-down"></span></a>
			<ul class="mysecMenu dropdown">
				<li><a href="shop.html" title="">洁面</a></li>
				<li><a href="shop.html" title="">保养</a></li>
				<li><a href="shop.html" title="">美妆</a></li>
			</ul>
	  	</li>
	  	<li><a href="about.html" title="">关于</a></li>
	  	<li><a href="brandStory.html" title="">品牌故事</a></li>
	  	<li class="navActive"><a href="news.html" title="">资讯</a></li>
	  	<li><a href="contact.html" title="">联系</a></li>
	  </ul>
	</nav>

<section id="mybanner">
	<div class="fadeInBottom">
		<h1>资讯</h1>
		<h2>你的美丽应该陪伴你一生</h2>
	</div>
</section>

<main id="main">
	<div class="row fadeInLeft">
		<a href="" title="">
			<div class="col-md-2 col-xs-12 col-sm-3 myTime">
				<p class="monthDay">04-12</p>
				<p class="year">2018</p>
			</div>
			<div class="col-md-10 col-xs-12 col-sm-9">
				<h3 class="newsTitile">美容护肤小窍门 保持25岁不是梦想</h3>
				<p class="myDetails">
					拥有好的心情，能够让你从容面对任何事情，减少情绪压力，让自己更容易的入睡，让身体和皮肤都能够达到一个很好的内循环，保持精神！这对美容护肤来说是非常重要的一步哦！！大怒大喜的人，在现实生活中，是不可能成为天山童姥的...
				</p>
				<p class="myDetails">
					发布时间：2018-04-12 14:20
				</p>
			</div>
		</a>
	</div>
	<div class="row myhidden">
		<a href="" title="">
			<div class="col-md-2 col-xs-12 col-sm-3 myTime">
				<p class="monthDay">05-02</p>
				<p class="year">2018</p>
			</div>
			<div class="col-md-10 col-xs-12 col-sm-9">
				<h3 class="newsTitile">女性美容护肤易陷入哪些误区？</h3>
				<p class="myDetails">
					随着空气污染的加重和生活压力的加大等因素，会导致我们的皮肤过早的衰老，所以爱美的女性朋友在平时一定要采取有效保养措施来达到美白嫩肤的作用。但是有的女性朋友在保养皮肤的时候容易会走入误区，这样反而会引起皮肤出现严重的问题...
				</p>
				<p class="myDetails">
					发布时间：2018-05-02 14:19
				</p>
			</div>
		</a>
	</div>
	<div class="row myhidden">
		<a href="" title="">
			<div class="col-md-2 col-xs-12 col-sm-3 myTime">
				<p class="monthDay">04-12</p>
				<p class="year">2018</p>
			</div>
			<div class="col-md-10 col-xs-12 col-sm-9">
				<h3 class="newsTitile">美容护肤小技巧，每天美丽一点点！！</h3>
				<p class="myDetails">
					对面部皮肤都会有很大的伤害,日久会使皮下细小血管受到伤害,而使皮肤呈红色,持久不退,因此应避免使用过冷或过热的水洗脸...
				</p>
				<p class="myDetails">
					发布时间：2018-05-19 14:05
				</p>
			</div>
		</a>
	</div>
	<div class="row myhidden">
		<a href="" title="">
			<div class="col-md-2 col-xs-12 col-sm-3 myTime">
				<p class="monthDay">06-29</p>
				<p class="year">2018</p>
			</div>
			<div class="col-md-10 col-xs-12 col-sm-9">
				<h3 class="newsTitile">美容护肤小窍门 保持25岁不是梦想</h3>
				<p class="myDetails">
					拥有好的心情，能够让你从容面对任何事情，减少情绪压力，让自己更容易的入睡，让身体和皮肤都能够达到一个很好的内循环，保持精神！这对美容护肤来说是非常重要的一步哦！！大怒大喜的人，在现实生活中，是不可能成为天山童姥的...
				</p>
				<p class="myDetails">
					发布时间：2018-06-29 14:20
				</p>
			</div>
		</a>
	</div>
	
</main>


<footer id="footer">
	<div class="footerTitle">
		<h1>A V A N A</h1>
		<h2>你的美丽应该陪伴你一生</h2>
	</div>
	<hr>
	<div class="row">
		<div id="footerL" class="col-md-6 col-xs-12 col-sm-6">
			<p>电话：100-000-0000</p>
			<p>邮箱：10000@qq.com</p>
			<p>地址：中国互联网省域名市网站区666号</p>
		</div>
		<div class="col-md-1">
		</div>
		<div id="footerR" class="col-md-5 col-xs-12 col-sm-6">
			<p>获取更多美妆资讯:</p>
			<input type="email" name="" value="" placeholder="请输入邮箱">
			<button type="submit">提交</button>
		</div>
	</div>
	<p id="lastText">© Copyright 2018 xxx.com。</p>
</footer>	

<div id="goTop">
	<span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span>
</div>
</body>
</html>